.refund {
    background-color: #fff;
    padding: 15px;

    & {
        h3{
            font-size: 16px;
            line-height: 1.2;
        }

        .refund-item {
            display: flex;

            &-pic {
                margin-right: 10px;

                .pic{
                    width: 60px;
                    height: 60px;
                    object-fit: cover;
                    border-radius: 3px;
                }
            }

            &-title {
                font-size: 14px;
                line-height: 1.2;
            }

            &-sku {
                font-size: 12px;
                color: #666;
                margin-top: 5px;
            }
        }

        &-form {
            flex: 1;

            .van-radio{
                margin-right: 10px;
            }

            .form-control{
                width: 100%;
                border: 1px #e2e2e2 solid;
                font-size: 14px;
                background: none;
                box-shadow: none;
                appearance: none;
                padding: 10px;
                border-radius: 3px;
            }
        }

        &-info{
            flex: 1;

            .tips{
                padding: 5px 0;
                li{
                    font-size: 12px;
                    color: #9D9D9D;
                    list-style-position: inside;
                    list-style-type: square;
                }
            }

            .op-buttons{
                margin: 10px 0;
            }

            &-detail{
                display: block;
                padding: 10px 0;

                dl{
                    display: flex;
                    color: #9D9D9D;
                    padding: 3px 0;
                    font-size: 14px;

                    dt{
                        width: 60px;
                        margin-right: 5px;
                    }

                    dd{
                        flex: 1;
                    }
                }
            }
        }
    }
}
